<!DOCTYPE HTML>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
	<link rel="stylesheet" href="css/index.css">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>BomberMan</title>
	
	<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/cordova-2.7.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/phonegap-websocket.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/barcodescanner.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/js.js"></script>
</head>

<body class="theme">
  	<div id="avatar" class="page" data-role="page">
		<div class="header" data-role="header">
			<img id="header-icon" src="images/im-user.png" />
		</div><!-- /header -->
		
		<div id="content" data-role="content">
			<div class="menu-option">
				<label id="name-title" for="basic">Name</label>
    			<input type="text" id="name-input" value="" data-clear-btn="true" maxlength="10" />
				<div class="clear"></div>
			</div><!--  menu-option -->
			<div class="menu-option">
				<label id="ip-title" for="basic">Server-IP</label>
    			<input type="text" id="ip-input" value="" data-clear-btn="true" />
				<a id="ip-button" onclick="scanQR();" data-role="button">Scan Server-IP</a>
				<div class="clear"></div>
			</div><!--  menu-option -->
			<div class="menu-option" >
				<div id="fieldcontain" data-role="fieldcontain">
				    <fieldset id="control-group" data-role="controlgroup" data-mini="true">
				    	<input class="radio_button" type="radio" name="radiob" id="radio-choice-1" value="char01"/>
				    	<label for="radio-choice-1"><img src="images/char01/default.png" id="avatar1"/></label>
						
			         	<input class="radio_button" type="radio" name="radiob" id="radio-choice-2" value="char02"  />
			         	<label for="radio-choice-2"><img src="images/char02/default.png" id="avatar2"/></label>
				    </fieldset>
				</div>
				<div class="clear"></div>
			</div><!--  menu-option -->
			
		</div><!-- /content -->
		
		<div id="footer" data-content="footer">
			<h2></h2>
		</div>
	</div><!-- /page -->
</body>
</html>
